<template>
	<!-- 简介 -->
	<view class="synopsis-container">
		<!-- 通知 -->
		<view class="notice">
			<view class="title">通知</view>
			<textarea class="content" v-model="detail.notice" auto-height disabled />
		</view>

		<view class="info">
			<view class="title">联系方式</view>
			<u--input disabled prefixIcon="account-fill" prefixIconStyle="font-size: 32rpx;color: #275BA8" border="none"
				v-model="detail.create_phone"></u--input>
			<u--input disabled prefixIcon="phone-fill" prefixIconStyle="font-size: 32rpx;color: #275BA8" border="none"
				v-model="detail.create_nickname"></u--input>
		</view>

		<!-- 底部按钮 -->
		<!-- <BottomButton @setHandleBtn="getHandleBtn">
			<template>
				<view>确定</view>
			</template>
		</BottomButton> -->
	</view>
</template>

<script>
	import BottomButton from '@/componets/BottomButton/BottomButton.vue'
	export default {
		data() {
			return {
				detail: {}
			}
		},
		methods: {
			/**
			 * 修改组织信息
			 */
			getHandleBtn() {
				this.$request.post({
					url: '/api/organization/editOrganization',
					data: {
						id: this.detail.id,
						notice: this.detail.notice,
						create_phone: this.detail.create_phone,
						create_nickname: this.detail.create_nickname,
					},
					success: res => {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			}
		},
		components: {
			BottomButton
		},
		onLoad(options) {
			if (!options.detail) return uni.navigateBack()
			this.detail = JSON.parse(options.detail)
		}
	}
</script>

<style lang="less" scoped>
	.synopsis-container {
		width: 100%;
		min-height: 100vh;
		background-color: #f6f6f6;
		overflow: hidden;

		.notice {
			width: 710rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			opacity: 1;
			margin: 20rpx auto 0;
			padding: 20rpx;
			box-sizing: border-box;

			>.title {
				font-size: 28rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #333333;
				line-height: 28rpx;
				letter-spacing: 1px;
			}

			>.content {
				font-size: 28rpx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #666666;
				line-height: 48rpx;
				letter-spacing: 1px;
				margin-top: 32rpx;
			}
		}

		.info {
			width: 710rpx;
			height: 212rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			opacity: 1;
			margin: 20rpx auto 0;
			padding: 20rpx;
			box-sizing: border-box;

			>.title {
				font-size: 28rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #333333;
				line-height: 28rpx;
				letter-spacing: 1px;
			}

			/deep/.u-input {
				margin-top: 30rpx;
			}
		}
	}
</style>